/* reset.css ------------------------------------------------------------------------------------------------*/
body {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;	font-size:12px;	color:#333;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;word-wrap: break-word;line-height:1.5;}
a img {border:none;}
hr {background:#bae5fb;clear:both;float:none;width:100%;height:1px;margin:0 0 10px;border:none;}
.fr {float:right;}
.fl {float:left;}
.clred {color:#c00 !important}
.clblue {color:#16387C;}
.relative {position:relative;}
.time {font-size:10px;color:#717171;}
.cldark {color:#333 !important;}
.s16 {font-size:16px}
/* all color */
.clgray {color:#4d4d4d;}
.s11 {font-size:11px;}
.clgrey {color:#888;}
.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.itanic {font-style:italic;}
/* typography.css ------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; }
h1 { font-size:48px; line-height:1; margin:0 0 0.5em; }
h2 { font-size:36px; margin:0 0 0.75em; }
h3 { font-size:24px; line-height:1; margin:0 0 1em; }
h4 { font-size:18px; line-height:1.25; margin:0 0 1.25em; }
h5 { font-size:16px; font-weight:bold; margin:0 0 1.5em; }
h6 { font-size:14px; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p {margin:0 0 10px;}
ul.user-manage, ul.list-notice, ul.weblink, ul.list-style, ul.nav, ul.sub-nav, ul.list1, ul.list-bottom, ul.list-item, ul.form, ul.form1, ul.paging, .danhsach_bb ul, ul.list-col1, ul.list-item1, ul.list2, ul.list-form, ul.list-1, ul.list-style7, ul.list3, ul.sub-path, ul.list-col2, ul.list-2, ul.l-nav, ul.form2, ul.list-col5, ul.list-row, ul.menu, ul.list-col {list-style:none;margin:0;padding:0;}
input[type=text], input[type=password], input.text, input.title {padding:2px 5px;border:1px solid #D8DFEA;height:16px;}
input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {position:relative;top:0.15em;}
textarea {padding:2px 5px;border:1px solid #D8DFEA;}
select {border:1px solid #D8DFEA;}
.padd-top10 {padding-top:10px !important;}
.bottom {margin-bottom:00 !important;}
.bottom3 {margin-bottom:3px !important;}
.bottom5 {margin-bottom:5px !important;}
.bottom10 {margin-bottom:10px !important;}
.bottom15 {margin-bottom:15px !important;}
.top10 {margin-top:10px !important;}
.top15 {margin-top:15px !important;}
.top20 {margin-top:20px !important;}
.s14 {font-size:14px;}
.no-bor {border: none !important}
.nopadd {padding:0 !important;}
.pad5 {padding:5px !important}
.w45 {width:45% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w90 {width:90% !important;}
.w100, table .w90 {width:100% !important;}
.linegray {background:#ccc; margin-bottom:15px}
.img-40 {width:40px;height:40px;}
.img-50, .avatar_loimoi1 {width:50px;height:50px;}
.img-80 {width:80px;height:80px;}
.img-113-120 {width:110px;height:110px;}
.img-100 {width:100px;height:100px;}
.hint {font-size:11px;color:#717171;}
.w50 {width:50%}
/* layout.css ------------------------------------------------------------------------------------------------*/
.main {margin: 0 10px;
    min-width: 1000px; position:relative}
.last, div.last {margin-right:0!important;}
div.col-150, div.col-410 {float:left;margin-right:10px;}
div.col-190 {width:190px;}


/* Clearing ------------------------------------------------------------ */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clear {clear:both;}
/* END Clearing ------------------------------------------------------------ */
a:link {color:#16387C;text-decoration:none;}
a:visited {color:#16387C;text-decoration:none;}
a:hover {text-decoration:underline;}
a {color:#16387C; outline:none}
/* -------------BEGIN CSS Header-------------- */
#header { background:url(../images/bg.png) repeat-x 0 0; height:111px; margin-bottom:10px}
#header .main {height:77px}
#header h1.logo {float:left}
#header h1.logo a {display:block;}
h1.logo span {display:none;}
.r-head {float:left; margin-left:10px}
ul.nav li {background:url(../images/bg.png) no-repeat right -118px; height:84px;float:left; position:relative}
ul.nav li.last {background:none !important;}
ul.nav li.last a { font-style:italic; color:#feeb9b !important}
ul.nav li a {display:block;color:#fff !important;padding-left:14px;margin:0 3px 0 2px; font-size:10pt}
ul.nav li a:hover, ul.nav li a.active {background:url(../images/bg.png) repeat-x 0 -207px;text-decoration:none !important;}
ul.nav li a:hover span, ul.nav li a.active span {color:#003663;}
ul.nav li a span {padding:40px 13px 18px 0;display:block;}
ul.sub-nav { position:absolute; left:0; top:83px; width:1000px; display:none}
li:hover ul.sub-nav {display:block}
.right-main ul.sub-nav li { background:none; float:left; margin-right:10px}

.right-main ul.sub-nav li a:hover {background:none;}
.right-main ul.sub-nav li a:hover span {background:url(../images/ic_16.png) no-repeat 0 5px; color:#c00}
.right-main ul.sub-nav li a span {background:url(../images/ic_16.png) no-repeat 0 -40px; padding:0 0 0 10px; color:#003d88}
/*--------------------------END CSS Header-------------------------- */
/* BEGIN CSS Paging */
ul.paging li {float:left;padding:0 0 0 3px;}
ul.paging li a {display:block;padding:1px 5px 0 5px;color:#333;}
ul.paging li a:hover, ul.paging li a.paging-active {color:#f00;text-decoration:none;}
ul.paging li a.paging-active { font-weight:bold}
.nomal {font-weight:normal;}
.fillters {padding:5px 0;}
.tabedit .fillters ul.paging { margin-left:320px}
.hint {color:gray;font-size:11px;}
.nontop {padding-top:0 !important}
/* End paging */
ul.form, ul.nav, ul.list_col {list-style:none; margin:0; padding:0}
ul.form li label {float: left; margin: 3px 2% 0 0; width: 40%;}
ul.form li .filltext { float:left;width:58%;}
ul.form1 li label {float: left; margin: 3px 2% 0 0; width: 15%;}
ul.form1 li .filltext { float:left;width:83%;}
.admin {width:290px; border:2px solid #888; padding:10px;margin:200px auto; -moz-border-radius:4px; -webkit-border-radius:4px}
.admin-cont {padding:10px}
.title-admin {background:url(../images/login.png) no-repeat 0 0; font-size: 18px;padding: 2px 0 4px 40px;}
/* css container*/
.left { float:left; width:204px;padding: 0 2px 2px;}
*html .left { left:0 !important}
.righ-cont {margin-left:220px}
.right { float:left; width:100%}
/* box */
.box1 {
    margin-bottom: 5px;
}
.title-red {background:url(../images/long-title.png) no-repeat 0 0;padding-left:10px;height:33px;position:relative;}
.title-red h3 {background:url(../images/long-title.png) no-repeat right 0;padding-right:10px;margin:0;}
.title-red h3 span {line-height:33px;font-weight:bold;color:#fff;font-size:13px;}
.bottom-box1 {background:url(../images/long-title.png) no-repeat 0 -38px;padding-left:10px;height:9px;}
.bottom-box1 span {background:url(../images/long-title.png) no-repeat right -38px;padding-right:10px; display:block}
.box-cont1 {background:url(../images/long-title-center.png) repeat-y 0 0; padding-left:3px}
.box-cont1 div.cont-box {background:url(../images/long-title-center.png) repeat-y right 0; padding:0 3px 0 0}
ul.menu ul.list_col {display:none}
.left li.active ul.list_col {display:block}
ul.menu li a { background:#feeb9b;display:block; font-weight:bold; border-top:1px solid #999797; color:#c5191c}
ul.menu li a span b { background:url(../images/ic_16.png) no-repeat right -111px; display:block; padding:5px;}
ul.menu li ul.list_col li a { background:none; border:none}
.left ul.list_col li a span b {font-weight:normal}
.left ul.list_col li a.active span b {font-weight:bold}
.left ul.menu li ul.list_col li a span b { display:inherit; padding:0;}
ul.menu li ul.list_col li a span b { background:none}
ul.list_col li {border-bottom:1px solid #d1cfcf;}
ul.list_col li a span {background:url(../images/ic_16.png) no-repeat 7px -77px;padding:3px 5px 3px 18px;display:block; color:#313030}
ul.menu ul.list_col li a:hover , ul.menu ul.list_col li a.active  { background:url(../images/bg.png) repeat-x 0 -292px; color:#d31919; text-decoration:none}
ul.list_col li a:hover span ,ul.list_col li a.active span  { color:#d31919;}
/*end*/
.title_style {font-size:18px; margin-bottom:5px}
/* table */
.table, .table1, .table2 {margin-bottom:10px;}
table tr td {padding:5px; text-align:center; font-size:13px}
.table {border:2px solid #999797;}
.table table td {border-bottom:1px solid #999797;border-left:1px solid #999797;}
.table table {border-top:1px solid #999797;border-right:1px solid #999797;}
.table table tr:hover, .table table tr:hover td {background:#ddd;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-top {vertical-align:top;}
.bg_yellow {background:#feeb9b;}
.bg_gray, .bg_gray td {background:#e0e4e4; font-size:16px;}
/* end table */
.next {background:url(../images/next.png) no-repeat 0 0; width:30px; height:30px; display:inline-block;}
.save {background:url(../images/ic_16.png) no-repeat 0 -144px; padding:1px 0 2px 20px}
.edit {background:url(../images/ic_16.png) no-repeat 0 -171px; padding:1px 0 2px 20px}
.del {background:url(../images/ic_16.png) no-repeat 0 -193px; padding:1px 0 2px 20px}
.tool {margin:10px 0}
.tool td { text-align:left}
.loading {background:url(../images/ajax-loader.gif) no-repeat 0 0; width:25px; height:15px; display:inline-block}